<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<style type="text/css">
			*{margin:0;padding:0;}
			li{list-style: none;}
			a{text-decoration:none;color:black;}
			.pullleft{float:left;}
			.pullright{float:right;}
			.public_center{width:1170px;margin:0 auto;}
			.bg_header{height:100px;background:white;}
			.header ul li{float:left;line-height: 100px;padding-right: 40px;}
			.header li img{vertical-align:middle;}
			.header ul li a{display: block;font-size:14px;}
			.header ul li a:hover{color:#53cbc2;}
			.header .right{float:right;text-align: center;margin-top: 40px;}
			.firsta{background: url(img/boss直聘_06.jpg) no-repeat left center;padding:0 22px 0 30px;border-right: 1px solid #e5e5e5;}
			.seconda{background: url(img/boss直聘_08.jpg) no-repeat left center;padding:0 0 0 30px;margin-left: 18px;}
			.bg_register{height:70px;background:#f3f3f3;}
			.register{overflow: hidden;}
			.register .box{width:100%;border-bottom: 1px solid #ffe7b7;border-top: 1px solid #ffe7b7;height: 38px;line-height:38px;
			    text-align:center;background:#fdf8e4;margin-top: 15px;color:#b0592e;font-size:12px;}
			.bg_banner{height:240px;background:#f3f3f3;}
			.banner{height:240px;}
			.bg_main{background:#f3f3f3;padding-top: 15px;overflow: hidden;}
			.main-left{float: left;margin-right: 13px;width:197px;border:1px solid #dcdcdc;
			     background:white;padding-left: 14px;padding-right:56px;padding-top:13px;}
			.main-left dl{padding-bottom: 14px;overflow: hidden;}
			.main-left dl:last-child{padding-bottom:0;}
			.main-left dt{padding-bottom: 18px;font-size:16px;color:#52cac1;}
			.main-left dd{float: left;padding-bottom: 20px;padding-right:25px;font-size:12px;color:#9b999c;}
			
			.main-right{float:left;overflow: hidden;}
			.main-right .search {
				width:866px
				background: white;
				height: 56px;
				border: 1px #e0e0e0 solid;
				margin-bottom: 20px;
			}
			
			.main-right .search input[type="text"] {
				width:758px;
				height: 56px;
				border: none;
				outline: none;
				float: left;
				background: white;
				padding-left: 19px;
				font-style:italic;
				font-size:18px;
				/*color:#e4e4e3;*/
			}
			
			.main-right .search input[type="submit"] {
				width: 104px;
				height: 45px;
				border: none;
				outline: none;
				background-color: #5ecfc9;
				margin-right: 5px;
				margin-top: 5px;
				color:white;
				font-size:18px;
			}
			.main-right li{height:127px;border:1px solid #e0e0e0;background: white;margin-bottom: 20px;}
			.main-right li .left{float: left;margin-left:14px;}
			.main-right li .left h2{font-size: 18px;font-weight: 500;margin-top:25px;margin-bottom: 0;}
			.main-right li .left h3{font-size: 18px;font-weight: 600;margin-top:16px;color:#ea5153;margin-bottom: 0;}
			.main-right li .left h4{font-size: 12px;font-weight: 500;margin-top:15px;color:#656565;margin-bottom: 0;}
			.main-right li .right{float: right;padding-right: 15px;}
			.main-right li .right .img{background: url(img/boss直聘_17.jpg) no-repeat ;width:50px;height:50px;float:right;margin-top: 16px;}
	        .main-right li .right .name{margin-top:55px;margin-right:-49px;font-size:12px;color:#a7a7a9;}
		    .main-right li .right .name2{font-size:12px;color:#a7a7a9;margin-top:9px;}
		    .main-right li .right .greenbox{width:30px;height:21px;background-color:#6bd52d;text-align: center;line-height: 21px;color: white; }
		    .main-right li .right .name2 span{margin-top: 2px;margin-right: 11px;}
		    .main-right .code{height: 110px;border:1px solid #e0e0e0;background:#fef9e5;line-height: 110px;margin-bottom:25px;}
		    .main-right .code .left{margin-left: 20px;font-size:16px;color:#60d2ca;}
		    .main-right .code .right img{margin-right: 15px;margin-top: 15px;vertical-align:middle;}
		    .main-right .code .right .font{line-height: 20px;width:156px;text-align: right;margin-top: 36px;color:#60d2ca;margin-right: 10px;}
		    .bg_footer{height: 235px;background: black;}
		    .footer{text-align: center;overflow: hidden;font-size: 12px;}
		    .footer .nav{margin-top: 67px;}
		    .footer a{color:#bebebe;padding-right: 48px;font-size: 16px;}
		    .footer p{margin-top: 40px;line-height: 28px;color:#bebebe;}
		</style>
	</head>
	<body>
		<div class="boss">
			<div class="bg_header">
				<div class="header public_center">
					<ul>
						<li>
							<img src="img/boss直聘_03.jpg"/>
						</li>
						<li>
							<a href="">首页</a>
						</li>
						<li>
							<a href="">求职</a>
						</li>
						<li>
							<a href="">扫码登录</a>
						</li>
						<li>
							<a href="">道具兑换</a>
						</li>
					</ul>
					<div class="right">
						<a href="" class="firsta">Android</a>
						<a href="" class="seconda">iPhone</a>
					</div>
				</div>
			</div>
			<div class="bg_register">
				<div class="register">
					<div class="box">一键注册boss直聘，与boss直接开始沟通</div>
				</div>
			</div>
			<div class="bg_banner">
				<div class="banner public_center">
					<img src="img/boss直聘_13.jpg"/>
				</div>
			</div>
			<div class="bg_main">
				<div class="main public_center">
				<div class="main-left">
					<dl>
						<dt>技术</dt>
						<dd><a href="">Java</a></dd><dd><a href="">Java</a></dd><dd><a href="">web前端</a></dd><dd><a href="">Android</a></dd>
					</dl>
					<dl>
						<dt>技术</dt>
						<dd><a href="">Java</a></dd><dd><a href="">Java</a></dd><dd><a href="">web前端</a></dd><dd><a href="">Android</a></dd>
					</dl>
					<dl>
						<dt>技术</dt>
						<dd><a href="">Java</a></dd><dd><a href="">Java</a></dd><dd><a href="">web前端</a></dd><dd><a href="">Android</a></dd>
					</dl>
					<dl>
						<dt>技术</dt>
						<dd><a href="">Java</a></dd><dd><a href="">Java</a></dd><dd><a href="">web前端</a></dd><dd><a href="">Android</a></dd>
					</dl>
					<dl>
						<dt>技术</dt>
						<dd><a href="">Java</a></dd><dd><a href="">Java</a></dd><dd><a href="">web前端</a></dd><dd><a href="">Android</a></dd>
					</dl>
					<dl>
						<dt>技术</dt>
						<dd><a href="">Java</a></dd><dd><a href="">Java</a></dd><dd><a href="">web前端</a></dd><dd><a href="">Android</a></dd>
					</dl>
					<dl>
						<dt>技术</dt>
						<dd><a href="">Java</a></dd><dd><a href="">Java</a></dd><dd><a href="">web前端</a></dd><dd><a href="">Android</a></dd>
					</dl>
					<dl>
						<dt>技术</dt>
						<dd><a href="">Java</a></dd><dd><a href="">Java</a></dd><dd><a href="">web前端</a></dd><dd><a href="">Android</a></dd>
					</dl>
					<dl>
						<dt>技术</dt>
						<dd><a href="">Java</a></dd><dd><a href="">Java</a></dd><dd><a href="">web前端</a></dd><dd><a href="">Android</a></dd>
					</dl>
					<dl>
						<dt>技术</dt>
						<dd><a href="">Java</a></dd><dd><a href="">Java</a></dd><dd><a href="">web前端</a></dd><dd><a href="">Android</a></dd>
					</dl>
					<dl>
						<dt>技术</dt>
						<dd><a href="">Java</a></dd><dd><a href="">Java</a></dd><dd><a href="">web前端</a></dd><dd><a href="">Android</a></dd>
					</dl>
					<dl>
						<dt>技术</dt>
						<dd><a href="">Java</a></dd><dd><a href="">Java</a></dd><dd><a href="">web前端</a></dd><dd><a href="">Android</a></dd>
					</dl>
				</div>
				<div class="main-right">
					<div class="search">
							<form action="http://www.baidu.com">
							<input type="text" class="search-text" placeholder="搜索公司 、BOSS 或职位..." />
							<input type="submit" name="" id="" value="搜索" /></form>
					</div>
					<ul>
						<li>
							<div class="left">
								<h2>【研发中心】hadoop研发工程</h2>
								<h3>￥20K-40K</h3>
								<h4>北京 | 1-3年 | 本科</h4>
							</div>
							<div class="right">
								<div class="img pullright"></div><br />
								<div class="name pullright">唐贵辉</div><br />
								<div class="name2 pullright"><span class="pullleft">搜狐  | 研发工程师</span>  <div class="pullleft greenbox">在线</div></div>
							</div>
						</li>
						
						<li>
							<div class="left">
								<h2>【研发中心】hadoop研发工程</h2>
								<h3>￥20K-40K</h3>
								<h4>北京 | 1-3年 | 本科</h4>
							</div>
							<div class="right">
								<div class="img pullright"></div><br />
								<div class="name pullright">唐贵辉</div><br />
								<div class="name2 pullright"><span class="pullleft">搜狐  | 研发工程师</span>  <div class="pullleft greenbox">在线</div></div>
							</div>
						</li>
						
						<li>
							<div class="left">
								<h2>【研发中心】hadoop研发工程</h2>
								<h3>￥20K-40K</h3>
								<h4>北京 | 1-3年 | 本科</h4>
							</div>
							<div class="right">
								<div class="img pullright"></div><br />
								<div class="name pullright">唐贵辉</div><br />
								<div class="name2 pullright"><span class="pullleft">搜狐  | 研发工程师</span>  <div class="pullleft greenbox">在线</div></div>
							</div>
						</li>
						
						<li>
							<div class="left">
								<h2>【研发中心】hadoop研发工程</h2>
								<h3>￥20K-40K</h3>
								<h4>北京 | 1-3年 | 本科</h4>
							</div>
							<div class="right">
								<div class="img pullright"></div><br />
								<div class="name pullright">唐贵辉</div><br />
								<div class="name2 pullright"><span class="pullleft">搜狐  | 研发工程师</span>  <div class="pullleft greenbox">在线</div></div>
							</div>
						</li>
						
						<li>
							<div class="left">
								<h2>【研发中心】hadoop研发工程</h2>
								<h3>￥20K-40K</h3>
								<h4>北京 | 1-3年 | 本科</h4>
							</div>
							<div class="right">
								<div class="img pullright"></div><br />
								<div class="name pullright">唐贵辉</div><br />
								<div class="name2 pullright"><span class="pullleft">搜狐  | 研发工程师</span>  <div class="pullleft greenbox">在线</div></div>
							</div>
						</li>
						
						<li>
							<div class="left">
								<h2>【研发中心】hadoop研发工程</h2>
								<h3>￥20K-40K</h3>
								<h4>北京 | 1-3年 | 本科</h4>
							</div>
							<div class="right">
								<div class="img pullright"></div><br />
								<div class="name pullright">唐贵辉</div><br />
								<div class="name2 pullright"><span class="pullleft">搜狐  | 研发工程师</span>  <div class="pullleft greenbox">在线</div></div>
							</div>
						</li>
						
						<li>
							<div class="left">
								<h2>【研发中心】hadoop研发工程</h2>
								<h3>￥20K-40K</h3>
								<h4>北京 | 1-3年 | 本科</h4>
							</div>
							<div class="right">
								<div class="img pullright"></div><br />
								<div class="name pullright">唐贵辉</div><br />
								<div class="name2 pullright"><span class="pullleft">搜狐  | 研发工程师</span>  <div class="pullleft greenbox">在线</div></div>
							</div>
						</li>
						
						<li>
							<div class="left">
								<h2>【研发中心】hadoop研发工程</h2>
								<h3>￥20K-40K</h3>
								<h4>北京 | 1-3年 | 本科</h4>
							</div>
							<div class="right">
								<div class="img pullright"></div><br />
								<div class="name pullright">唐贵辉</div><br />
								<div class="name2 pullright"><span class="pullleft">搜狐  | 研发工程师</span>  <div class="pullleft greenbox">在线</div></div>
							</div>
						</li>
						
						<li>
							<div class="left">
								<h2>【研发中心】hadoop研发工程</h2>
								<h3>￥20K-40K</h3>
								<h4>北京 | 1-3年 | 本科</h4>
							</div>
							<div class="right">
								<div class="img pullright"></div><br />
								<div class="name pullright">唐贵辉</div><br />
								<div class="name2 pullright"><span class="pullleft">搜狐  | 研发工程师</span>  <div class="pullleft greenbox">在线</div></div>
							</div>
						</li>
					</ul>
					
					<div class="code">
						<span class="left pullleft">还有超过<span style="color:#fa9a29;">100万</span>BOSS正在直聘</span>
						<div class="right pullright"><img src="img/求职_03.jpg" class="pullright"/><div class="pullright font">下载BOSS直聘APP查看更多岗位</div></div>
					</div>
				</div>
				</div>
			</div>
			<div class="bg_footer ">
				<div class="footer public_center">
					<div class="nav">
						<a href="">首页</a><a href="">Boss网页版</a><a href="">文章</a><a href="">关于我们</a>
					</div>
					<p>Copyright © 2019 BOSS直聘京ICP备14013441号-5BOSS直聘京ICP备14013441号-5 <br />kanzhun.com保留所有版权.使用这些服务准守用户协议</p>
				</div>
			</div>
		</div>
	</body>
</html>
